<template>
  <info  :memberInfo="{type:'至尊会员'}" >
    <template #redact>
      <div class="redact">
        编辑
        <span class="iconfont icon-bianji"></span>
      </div>
    </template>
    <template #postscript>
      <textarea placeholder="备注信息"></textarea>
    </template>
    <template #btn>
      <div class="member-info__btn">
        <div>
          <label>
            <input type="radio" name="btn" checked>
            <div>钱包</div>
          </label>
          <label>
            <input type="radio" name="btn">
            <div>奖励</div>
          </label>
          <label>
            <input type="radio" name="btn">
            <div>订单记录</div>
          </label>
          <label>
            <input type="radio" name="btn">
            <div>活动记录</div>
          </label>
        </div>
        <div @click="registerDrawerActive = true">
          注册会员
        </div>
      </div>
    </template>
    <template #numerical>
      <div class="member-info__particulars">
        <div class="member-info__particulars--title">钱包信息</div>
        <div>
          <div class="member-info__particulars--body">
            <div>
              <img />
              <div class="money">99996.25</div>
              <div class="name">至尊 - 钱包</div>
              <div class="btn">
                <div @click="modifyListDrawer = true">修改</div>
                <div>充值</div>
                <div @click="particularsListDrawer = true">明细</div>
              </div>
            </div>
          </div>
          <div class="member-info__particulars--body">
            <div>
              <img />
              <div class="money">99996.25</div>
              <div class="name">至尊 - 奖励</div>
              <div class="btn">
                <div @click="modifyListDrawer = true">修改</div>
                <div @click="particularsListDrawer = true">明细</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
  </info>
  <register-drawer></register-drawer>
  <modify-list></modify-list>
  <particulars-list></particulars-list>
</template>

<script setup>
import {
  ref,
  provide
} from 'vue';

import registerDrawer from './@fragment/register.vue';
import info from './@fragment/info.vue';
import modifyList from './@fragment/modify-list.vue';
import particularsList from './@fragment/particulars-list.vue';
let registerDrawerActive = ref(false), modifyListDrawer = ref(false), showInvitationCode = ref(false), particularsListDrawer = ref(false);
provide('registerDrawerActive', registerDrawerActive);
provide('modifyListDrawer', modifyListDrawer);
provide('particularsListDrawer', particularsListDrawer);
provide('showInvitationCode', showInvitationCode);
</script>

<style lang="less" scoped>
</style>